<template>
  <div id="app" :style="{ '--themeColor': themeColor}">
    <router-view v-if="isRouterAlive"/>
  </div>
</template>

<!--<script lang="ts" setup>
  import { nextTick, ref } from 'vue'
  const isRouterAlive = ref(true)

  const reload = () => {
    isRouterAlive.value = false
    nextTick(() => {
      isRouterAlive.value = true
    })
  }
  /*
    provide() {
      return {
        reload: this.reload,
      }
    },*/
</script>-->
<script>

  import { createNamespacedHelpers } from 'vuex'
  const { mapState } = createNamespacedHelpers('player')
  export default {
    data() {
      return {
        isRouterAlive: true
      }
    },
    computed: {
      ...mapState(['themeColor'])
    }
  }
</script>

<style>

</style>
